<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>投资者-Tencent 腾讯</title>
    <link rel="shortcut icon" href="../fonts/bitbug_favicon.ico" />

    <link rel="stylesheet" href="./css/base-investor.css">
    <link rel="stylesheet" href="./css/common1.css">
    <link rel="stylesheet" href="./css/index-investor.css">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/common1.js"></script>
    <script src="./js/index-investor.js"></script>
</head>

<body>
    <!-- 公共样式----头部导航栏制作开始 -->
    <div class="common-first">
        <div class="w common-nav">
            <!-- 头部logo制作 -->
            <div class="common-nav-logo">
                <a href="../index.html" class="common-logo">
                    <h1>Tencent腾讯</h1>
                </a>
            </div>
            <!-- 头部中间导航栏制作 -->
            <ul class="common-menu">
                <li class="menu-items">
                    <a href="./abstract.html" class="text">简介</a>
                    <ul class="menu-list">
                        <li><a href="./abstract.html#one">公司简介</a></li>
                        <li><a href="./abstract.html#seven">愿景及使命</a></li>
                        <li><a href="./abstract.html#two">发展历程</a></li>
                        <li><a href="./abstract.html#three">业务架构</a></li>
                        <li><a href="./abstract.html#four">管理团队</a></li>
                        <li><a href="./abstract.html#five">企业文化</a></li>
                        <li><a href="./abstract.html#six">办公地点</a></li>
                    </ul>
                </li>
                <li class="menu-items">
                    <a href="./business.html" class="text">业务</a>
                    <ul class="menu-list">
                        <li><a href="./business.html#eight">面向用户</a></li>
                        <li><a href="./business.html#eight">面向企业</a></li>
                        <li><a href="./business.html#eight">创新科技</a></li>
                    </ul>
                </li>
                <li class="menu-items">
                    <a href="./staff.html" class="text">员工</a>
                    <ul class="menu-list">
                        <li><a href="./staff.html#nine">人才发展</a></li>
                        <li><a href="./staff.html#show_pic2">腾讯学院</a></li>
                        <li><a href="./staff.html#staff_work_environment">工作环境</a></li>
                        <li><a href="./staff.html#staff-con-4">员工活动</a></li>
                    </ul>
                </li>
                <li class="menu-items">
                    <a href="./duty.html" class="text">企业责任</a>
                    <ul class="menu-list">
                        <li><a href="./duty.html#ten">全球战疫</a></li>
                        <li><a href="./duty.html#eleven">践行承诺</a></li>
                        <li><a href="./duty.html#tweleve">支持善举</a></li>
                        <li><a href="./duty.html#lyh">鼓励创新</a></li>
                        <li><a href="./duty.html#lyh1">企业社会责任报告</a></li>
                    </ul>
                </li>
                <li class="menu-items">
                    <a href="./index-investor.html" class="text">投资者</a>
                    <ul class="menu-list">
                        <li><a href="./index-investor.html#lyh10">财务新闻</a></li>
                        <li><a href="./index-investor.html#lyh11">公告及财务报告</a></li>
                        <li><a href="./index-investor.html#lyh12">业绩电话会及路演</a></li>
                        <li><a href="./index-investor.html#lyh13">投资者工具包</a></li>
                        <li><a href="./index-investor.html#lyh14">证券及债券信息</a></li>
                        <li><a href="./index-investor.html#lyh15">企业管治</a></li>
                    </ul>
                </li>
                <li class="menu-items">
                    <a href="./index-media.htm" class="text">媒体</a>
                    <ul class="menu-list">
                        <li><a href="./index-media.htm#lyh20">企业动态</a></li>
                        <li><a href="./index-media.htm#lyh21">财务新闻</a></li>
                        <li><a href="./index-media.htm#lyh22">腾讯视角</a></li>
                        <li><a href="./index-media.htm#lyh23">媒体资料库</a></li>
                    </ul>
                </li>
            </ul>
            <!-- 头部右边字体栏目制作 -->
            <div class="common-chosefont">
                <a class="lang_ch current" lang="zh-cn">简</a>
                <i class="s_line">|</i>
                <a class="lang_hk" lang="zh-hk">繁</a>
                <i class="s_line">|</i>
                <a class="lang_en" lang="en-us">EN</a>
            </div>
        </div>
    </div>
    <!-- 公共样式----头部导航栏制作结束 -->


    <!-- 顶部图片 -->
    <div class="header">
        <h2>连接投资者</h2>
        <p>开诚务实，为投资者创造长远价值</p>
    </div>
    <!-- 页面tab栏 -->
    <div class="w">
        <ul class="tab-hd clearfix">
            <li><a href="#" class="scrollz">财务新闻</a></li>
            <li><a href="#" class="scrollz">公告及财务报告</a></li>
            <li><a href="#" class="scrollz">业绩电话会及路演</a></li>
            <li><a href="#" class="scrollz">工具包</a></li>
            <li><a href="#" class="scrollz">证券及债券信息</a></li>
            <li><a href="#" class="scrollz">企业管治</a></li>
            <li><a href="#" class="scrollz">联系我们</a></li>
        </ul>


    </div>
    <!-- 财经板块 -->
    <div class="force">
        <div class="sizer news w clearfix">
            <div class="title-hd clearfix">
                <h3 id="lyh10">财务新闻</h3>
                <a href="https://www.tencent.com/zh-cn/investors/financial-news.html">
                查看全部
                <i></i>
            </a>
            </div>
            <div class="business">
                <h4>业绩新闻</h4>
                <div class="onemonth">
                    <a href="#">
                        <p class="title">腾讯公布二零二一年第一季业绩</p>
                        <p class="abstract">
                            业绩摘要
                            <img src="./images/rt.png" alt="">
                        </p>
                        <p class="date">2021.05.20</p>
                    </a>
                </div>
                <div class="oneyear">
                    <a href="#">
                        <p class="title">腾讯公布二零二零年第四季及全年业绩</p>
                        <p class="abstract">
                            业绩摘要
                            <img src="./images/rt.png" alt="">
                        </p>
                        <p class="date">2021.03.24</p>
                    </a>
                </div>
            </div>
            <div class="bignews">
                <h4>其他重大新闻</h4>
                <div class="new-h">
                    <a href="#">
                        <div class="title">腾讯发布新蓝图 “可持续社会价值创新”成为核心战略</div>
                        <div class="date">2021.04.19</div>
                    </a>
                </div>
                <div class="new-b">
                    <a href="#">
                        <div class="title">腾讯发布新蓝图 “可持续社会价值创新”成为核心战略</div>
                        <div class="date">2021.04.19</div>
                    </a>
                </div>
            </div>
        </div>
        <!-- 公告及财务报告 -->
        <div class="sizer reprot w clearfix">
            <div class="title-hd">
                <h3 id="lyh11">公告及财务报告</h3>
            </div>
            <div class="box-l">
                <div class="title-l">
                    <h4>公告</h4>
                    <a href="#">
                查看全部
                <i></i>
            </a>
                </div>
                <div class="list-box">
                    <div class="list">
                        <em>1</em>
                        <a href="#">
                            <p class="title">董事会会议召开日期</p>
                            <div class="date">2021.06.30</div>
                        </a>
                    </div>
                    <div class="list-b">
                        <em>2</em>
                        <a href="#">
                            <p class="title">授出购股权</p>
                            <div class="date">2021.06.10</div>
                        </a>
                    </div>
                    <div class="list-b">
                        <em>3</em>
                        <a href="#">
                            <p class="title">截至二零二一年五月三十一日止之股份发行人的证券变动月报表</p>
                            <p class="date">2021.06.04</p>
                        </a>
                    </div>
                </div>
            </div>
            <div class="box-r">
                <div class="title-r">
                    <h4>财务报告</h4>
                    <a href="#">
                    查看全部
                    <i></i>
                </a>
                </div>
                <div class="year-box">
                    <div class="item">
                        <a href="#">
                            <div class="year-label">
                                <p>2020</p>
                                <em>年度</em>
                            </div>
                            <div class="year-b">
                                财务报告
                            </div>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <div class="year-label">
                                <p>2020</p>
                                <em>中期</em>
                            </div>
                            <div class="year-b">
                                财务报告
                            </div>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <div class="year-label">
                                <p>2019</p>
                                <em>年度</em>
                            </div>
                            <div class="year-b">
                                财务报告
                            </div>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <div class="year-label">
                                <p>2019</p>
                                <em>中期</em>
                            </div>
                            <div class="year-b">
                                财务报告
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 业绩电话会及路演 -->
        <div class="sizer phone w clearfix">
            <div class="title-hd">
                <h3 id="lyh12">业绩电话会及路演</h3>
            </div>
            <div class="box-l">
                <div class="title-l">
                    <h4>业绩电话会议</h4>
                </div>
                <div class="list-boxl">
                    <div class="title">腾讯2021年第一季度业绩公布</div>
                    <div class="time">
                        <span class="label">时间</span>
                        <span class="val">2021年5月20日 20:00 香港时间/ 8:00 美东时间</span>
                    </div>
                    <div class="net">
                        <span class="label">网络回放</span>
                        <span class="val">
                        <a href="#">
                            <img src="./images/video-icon.png">
                        </a>
                    </span>
                    </div>
                </div>
            </div>
            <div class="box-r">
                <div class="title-r">
                    <h4>投资者日历</h4>
                    <a href="#">
                    查看全部
                    <i></i>
                </a>
                </div>
                <div class="list-boxr">
                    <div class="title">
                        <a id="star">
                        即将开始
                    </a>
                        <a id="end">
                        过往会议
                </a>
                        <div class="cont">
                            <p class="tips" style="display: block;">
                                暂时还没有即将开始的活动哦...
                            </p>
                            <div class="con-box clearfix active-con-box" style="display: none;" id="huiyi">
                                <div class="step-line">
                                    <div class="line"><img src="./images/line.png" alt="img"></div>
                                </div>
                                <div class="step-box clearfix">
                                    <div class="item first-item">
                                        <div class="radius-dian"></div>
                                        <div class="t">
                                            <p class="title">腾讯2021年第一季度业绩香港路演</p>
                                            <img class="more-icon" src="./images/down-2.png" alt="img">
                                        </div>
                                        <div class="b">
                                            <div class="date clearfix"><img class="data-icon" src="./images/sz.png" alt="img">
                                                <p>2021.05.21</p>
                                            </div>
                                            <div class="detail-box clearfix" style="display: none;">
                                                <div class="li clear-margin"><img class="icon icon-1" src="./images/select-1.png" alt="img">
                                                    <p>电话会</p>
                                                </div>
                                                <div class="li"><img class="icon icon-2" src="./images/select-2.png" alt="img">
                                                    <p>腾讯的管理层成员将举办电话会议与买方投资者交流</p>
                                                </div>
                                                <div class="li"><img class="icon icon-3" src="./images/select-3.png" alt="img">
                                                    <p>花旗</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="radius-dian"></div>
                                        <div class="t">
                                            <p class="title">腾讯2021年第一季度业绩公布</p>
                                            <img class="more-icon" src="./images/down-2.png" alt="img">
                                        </div>
                                        <div class="b">
                                            <div class="date clearfix"><img class="data-icon" src="./images/sz.png" alt="img">
                                                <p>2021.05.20</p>
                                            </div>
                                            <div class="detail-box clearfix" style="display: none;">
                                                <div class="li clear-margin"><img class="icon icon-1" src="./images/select-1.png" alt="img">
                                                    <p>电话会</p>
                                                </div>
                                                <div class="li"><img class="icon icon-2" src="./images/select-2.png" alt="img">
                                                    <p>公司管理层将主持业绩发布的电话会议，回顾期内的业务表现和财务状况，并且讨论公司未来发展计划</p>
                                                </div>
                                                <div class="li"><img class="icon icon-3" src="./images/select-3.png" alt="img">
                                                    <p>腾讯</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="radius-dian"></div>
                                        <div class="t">
                                            <p class="title">腾讯2020年第四季度及全年业绩香港路演</p>
                                            <img class="more-icon" src="./images/down-2.png" alt="img">
                                        </div>
                                        <div class="b">
                                            <div class="date clearfix"><img class="data-icon" src="./images/sz.png" alt="img">
                                                <p>2021.03.25</p>
                                            </div>
                                            <div class="detail-box clearfix" style="display: none;">
                                                <div class="li clear-margin"><img class="icon icon-1" src="./images/select-1.png" alt="img">
                                                    <p>电话会</p>
                                                </div>
                                                <div class="li"><img class="icon icon-2" src="./images/select-2.png" alt="img">
                                                    <p>腾讯的管理层成员将举办电话会议与买方投资者交流</p>
                                                </div>
                                                <div class="li"><img class="icon icon-3" src="./images/select-3.png" alt="img">
                                                    <p>美银</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 工具包 -->
        <div class="sizer gongju w clearfix">
            <div class="gongju-hd">
                <h3 id="lyh13">工具包</h3>
            </div>
            <div class="gj-lis">
                <a href="#">
                    <img src="./images/gj-1.png" alt="">
                    <div class="lable">业绩演示</div>
                </a>
                <a href="#">
                    <img src="./images/gj-2.png" alt="">
                    <div class="lable">企业介绍</div>
                </a>
                <a href="#">
                    <img src="./images/gj-3.png" alt="">
                    <div class="lable">历史运营数据</div>
                </a>
                <a href="#">
                    <img src="./images/gj-4.png" alt="">
                    <div class="lable">产品列表</div>
                </a>
                <a href="#">
                    <img src="./images/gj-5.png" alt="">
                    <div class="lable">分析师列表</div>
                </a>
            </div>
        </div>
        <!-- 证券及债券信息 -->
        <div class="sizer zq w clearfix">
            <div class="t-flx">
                <h3 id="lyh14">证券及债券信息</h3>
                <a href="#">
                    <img src="./images/txzxg.png" alt="">
                </a>
            </div>
            <div class="t-hd">
                <p>腾讯控股 (0700.HK)</p>
            </div>
            <div class="t-l">
                <div class="l-mess">
                    <p>现价</p>
                    <div class="hkd">
                        <div class="hkd-l">HKD</div>
                        <div class="hkd-r">584.0</div>
                    </div>
                    <div class="fd">
                        <img src="./images/down.png" alt="">
                        <p>-6.5（-1.10%）</p>
                    </div>
                </div>
                <div class="r-mess">
                    <ul>
                        <li>
                            <p class="label">成交量</p>
                            <p class="val">
                                <span class="num cjl-num">20.1</span>
                                <span class="measure">万股</span>
                            </p>
                        </li>
                        <li>
                            <p class="label">市值</p>
                            <p class="val"><span class="num sz-num">33,742.2</span><span class="measure">万亿</span></p>
                        </li>
                        <li>
                            <p class="label">52周最高</p>
                            <p class="val"><span class="num hight-num">354.0</span></p>
                        </li>
                        <li>
                            <p class="label">52周最低</p>
                            <p class="val"><span class="num min-num">252.4</span></p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="t-r">
                <div class="other-box">
                    <div class="icon icon-1">
                        <img src="./images/zq.png" alt="img">
                    </div>
                    <div class="mess">
                        <a href="#" class="go-icon" target="_blank">
                            <div class="desc">股价互动资讯图及派息记录</div>
                            <img src="./images/go-r.png" alt="img">
                        </a>
                    </div>
                </div>
                <div class="other-box clear-margin">
                    <div class="icon icon-2">
                        <img src="./images/zq-2.png" alt="img">
                    </div>
                    <div class="mess">
                        <a href="https://www.tencent.com/zh-cn/investors/bond-credit-rating.html" class="go-icon" target="_blank">
                            <div class="desc">债券信用评级</div>
                            <img src="./images/go-r.png" alt="img">
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 企业管制 -->
        <div class="sizer stock w clearfix">
            <div class="stock-l">
                <div class="t-flx clearfix">
                    <div class="label-box">
                        <h3 id="lyh15">企业管治</h3>
                    </div>
                    <p class="desc-text">腾讯致力维持最高水平的企业管治，让投资者充分了解集团的管理和发展。我们深信良好的企业管治对我们为股东建立可持续价值至关重要。</p>
                </div>
            </div>
            <div class="stock-r">
                <div class="other-box">
                    <div class="icon icon-1">
                        <img src="./images/other-1-icon.png" alt="img">
                    </div>
                    <div class="mess">
                        <a href="https://www.tencent.com/zh-cn/investors/corporate-governance.html" class="go-icon" target="_blank">
                            <div class="desc">详细信息</div>
                            <img src="./images/go-r.png" alt="img">
                        </a>
                    </div>
                </div>
                <div class="other-box clear-margin">
                    <div class="icon icon-2">
                        <img src="./images/other-2-icon.png" alt="img">
                    </div>
                    <div class="mess">
                        <a href="https://www.tencent.com/zh-cn/investors/board-members.html" class="go-icon" target="_blank">
                            <div class="desc">董事会成员</div>
                            <img src="./images/go-r.png" alt="img">
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 联系我们 -->
        <div class="sizer link-box">
            <a href="https://www.tencent.com/zh-cn/enquiry.html" target="_blank">
                <img class="bg" src="./images/txds.jpg" alt="img">
                <div class="mess">
                    <h2>联系我们</h2>
                    <div class="go-link">
                        <p>投资者查询</p><i class="go-icon"><img src="./images/blue-r.png" alt="img"></i></div>
                    <div class="bbox">
                        <div class="label">TencentGlobal微信公众号</div>
                        <div class="email">Tencent_IR</div>
                        <img class="er-code" src="./images/ewm.jpg" alt="img">
                    </div>
                </div>
            </a>
        </div>
    </div>

    <!-- 公共样式----尾部信息栏制作开始 -->
    <div class="common-foot">
        <div class="w common-text">
            <!-- 关注我们栏目制作 -->
            <div class="focus-us">
                <h1>关注我们</h1>
                <ul>
                    <li>
                        <a href="javascript:;" class="wechat-code-btn">
                            <b class="icon wechat"></b>
                            <img class="wechat-code" src="images/wechat-code.jpg" alt="">
                        </a>
                    </li>
                    <li><a href="javascript:;"><b class="icon weibo"></b></a></li>
                    <li><a href="javascript:;"><b class="icon twitter"></b></a></li>
                    <li><a href="javascript:;"><b class="icon mi"></b></a></li>
                </ul>
            </div>
            <!-- 加入我们制作 -->
            <div class="footer-center join-us">
                <div class="title">
                    <h3>加入我们</h3>
                </div>
                <ul>
                    <li><a href="javascript:;">社会招聘</a></li>
                    <li><a href="javascript:;">校园招聘</a></li>
                    <li><a href="javascript:;">国际招聘</a></li>
                </ul>
            </div>
            <!-- 联系我们制作 -->
            <div class="footer-center contact-us">
                <div class="title">
                    <h3>联系我们</h3>
                </div>
                <ul>
                    <li><a href="javascript:;">客户服务</a></li>
                    <li><a href="javascript:;">合作洽谈</a></li>
                    <li><a href="javascript:;">腾讯采购</a></li>
                    <li><a href="javascript:;">媒体及投资者</a></li>
                </ul>
            </div>
            <!-- 法律信息制作 -->
            <div class="footer-center law-meaasge">
                <div class="title">
                    <h3>法律信息</h3>
                </div>
                <ul>
                    <li><a href="javascript:;">服务协议</a></li>
                    <li><a href="javascript:;">隐私政策</a></li>
                    <li><a href="javascript:;">知识产权</a></li>
                </ul>
            </div>
            <!-- 尾部logo制作 -->
            <div class="footer-logo">
                <img src="images/tencent_logo.png" alt="Tencent腾讯">
            </div>
            <!-- 尾部企业信息制作 -->
            <div class="footer-company">
                <ul class="links">
                    <li>
                        <a href="javascript:;">法律声明</a>
                    </li>
                    <li>
                        <a href="javascript:;">阳光准则</a>
                    </li>
                    <li>
                        <a href="javascript:;">网站地图</a>
                    </li>
                    <li class="num">
                        <a href="javascript:;">粤网文【2017】6138-1456号</a>
                    </li>
                    <li class="num">
                        <a href="javascript:;">粤B2-20090059-1</a>
                    </li>

                </ul>
                <p class="copyright">Copyright © 1998 - 2021 Tencent. All Rights Reserved. 腾讯公司 版权所有</p>

            </div>
        </div>
    </div>
    <!-- 公共样式----尾部信息栏制作结束 -->
    <!-- 判断页面是否为上下滚动 -->
    <!-- 需求一: 当页面滚动在72到100之间的时候, common-first里面样式发生改变-->
    <!-- 需求: 当页面滚动>72且往下滚动的时候,common-first往上移动72px-->
    <!-- 需求: 当页面滚动>72且往上滚动的时候,common-first在往下移动72px,并修改样式-->
    <script>
        $(function() {
            function a() {
                $(".common-first").css("backgroundColor", "white");
                $(".common-menu").find("a").css("color", "black");
                $(".common-chosefont").find("a,i").css("color", "black");
                $(".common-nav-logo").find("h1").addClass("h1hover");
            }

            function moveWind() {
                var startScrollTop = document.body.scrollTop;
                window.addEventListener('scroll', function() {
                    var moveScrollTop = window.pageYOffset;
                    var moveLength = moveScrollTop - startScrollTop;
                    console.log(moveLength);
                    startScrollTop = moveScrollTop;
                    if (window.pageYOffset > 72) {
                        a();
                        console.log(12);
                        if (window.pageYOffset > 100) {
                            $(".common-first").css("marginTop", -72)
                            console.log(111);
                        }
                    }
                    if (moveLength === 0) {
                        console.log(false);
                    } else if (moveLength > 0) {
                        $(".common-first").css("marginTop", -72)
                    } else if (moveLength < 0) {
                        // console.log("up");
                        $(".common-first").css("marginTop", 0)
                        a();
                    };
                });
            }
            moveWind();
            /* if(window.pageYOffset === 0){
                        $(".common-first").css("backgroundColor","");
                        $(".common-menu").find("a").css("color","white");
                        $(".common-chosefont").find("a,i").css("color","white");
                        $(".common-nav-logo").find("h1").removeClass("h1hover");
            }; */
        })
    </script>
</body>

</html>